<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand" href="#">首页</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">华北地区</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">东北地区</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                中南地区
                            </a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">Action</a></li>
                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                西北地区
                            </a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">Action</a></li>
                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                            </ul>
                        </li>
                    </ul>
                    <form class="d-flex" role="search">
                        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                        <button class="btn btn-outline-success">Search</button>
                    </form>
                </div>
            </div>
        </nav>
        
        <div class="container-fluid" style="margin-top: 10px; background-color: rgba(242,242,242);overflow: hidden;box-shadow: 10px 5px 2px 0px gray;">
                <img src="images/湖南.png" style="width: 500px;display: block;margin-top: 20px;float: left;">
                <div style="width: 400px;display: block;margin-top: 20px;float: left;margin-left: 0px;padding: 0px 10px;margin-bottom: 15px;">
                        <h2>湖南特产</h2>
                        <p style="font-size: 15px;display: block;width: 478px;">
                            湖南特产丰富多样，以农产品和食品为主，深受各地游客喜爱。其中，湖南腊肉以其肥而不腻、甘香醇厚的口感而闻名；湘莲粒大饱满，清香鲜甜，被誉为“贡莲”。此外，湖南的茶叶也颇受好评，如安化黑茶和白马毛尖，香气浓郁，口感独特。在水果方面，炎陵黄桃和洞庭银鱼等也是湖南的特色产品，鲜美可口，营养丰富。除了食品，湖南的手工艺品如湘绣、土家族的织锦等也极具特色，精美绝伦。这些特产不仅代表了湖南的丰富文化和历史，也是湖南人民辛勤劳动的结晶，为湖南的经济发展和文化传承做出了重要贡献。
                        </p>
                </div>   
        </div>
         <div style="margin-top: 15px;" class="container-fluid">
                <div style="width: 100%;height: 420px;">
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/华容荠菜.gif" class="card-img-top" alt="..." style="width: 350.5px;height: 300px;">
                        <div class="card-body">
                            <h5>华容荠菜</h5>
                            <p class="card-text" style="font-size: 14px;">华容芥莱历史悠久。县志记载魏晋时期，华容中植芥菜。华容县是全国最大的芥菜生产区，2015年芥菜生产面积达13万亩，年产量70多万吨，芥菜加工转化率85%,商品率达95%。芥菜亩平均收入...</p>
                        </div>
                    </div>
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/江永香柚.gif" class="card-img-top" alt="..."     style="width: 350px;height: 295px;">
                        <div class="card-body">
                            <h5>江永香柚</h5>
                            <p class="card-text" style="font-size: 14px;">江永香柚是沙田柚的变种，著名的土特产。它的原籍广西容县沙田村，来江永安家落户已有100多年的历史了。由于它从江永这块宝地中吸吮了丰富的稀土等微量元素，同时在这个独特气候的环境中,在...</p>
                        </div>
                    </div>
                    <div class="card" style="width: 22rem;float: left;">
                        <img src="images/product/白泥湖螃蟹.gif" class="card-img-top" alt="..." style="width: 350px;height: 295px;">
                        <div class="card-body">
                            <h5>白泥湖螃蟹</h5>
                            <p class="card-text" style="font-size: 14px;">白泥湖大闸餐是湖南省岳阳市云溪区白泥湖的特产。白泥湖大闸蟹蟹肉质细嫩，滋味鲜美，营养丰富。2005年，白泥湖河蟹被评为市级名牌产品。道仁矶镇白泥湖面积1.2万亩，湖底平坦、水质优良...</p>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 40px;">
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/玉竹.gif" class="card-img-top" alt="..." style="width: 350px;">
                        <div class="card-body">
                            <h5>邵东玉竹</h5>
                            <p class="card-text" style="font-size: 14px;">
                                邵东玉竹，湖南省邵东县特产，中国国家地理标志产品。 [1-2]
                                邵东玉竹，又名尾参，邵东生产历史悠久，为中国“玉竹之乡”。特别是邵东县产的猪屎尾参产量大、品质优，在国际市场上享有盛誉。 [3]
                                2005年12月28日，原国家质检总局批准对“邵东玉竹”实施地理标志产品保护。</p>
                        </div>
                    </div>
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/江永香柚.gif" class="card-img-top" alt="..." style="width: 351px;height: 294px;">
                        <div class="card-body">
                            <h5>江永香柚</h5>
                            <p class="card-text" style="font-size: 14px;">
                                江永香柚是沙田柚的变种，著名的土特产。它的原籍广西容县沙田村，来江永安家落户已有100多年的历史了。由于它从江永这块宝地中吸吮了丰富的稀土等微量元素，同时在这个独特气候的环境中,在...</p>
                        </div>
                    </div>

                    <div class="card" style="width: 22rem;float: left;">
                        <img src="images/product/白泥湖螃蟹.gif" class="card-img-top" alt="..." style="width: 350.5px;height: 295px;">
                        <div class="card-body">
                            <h5>白泥湖螃蟹</h5>
                            <p class="card-text" style="font-size: 14px;">
                                白泥湖大闸餐是湖南省岳阳市云溪区白泥湖的特产。白泥湖大闸蟹蟹肉质细嫩，滋味鲜美，营养丰富。2005年，白泥湖河蟹被评为市级名牌产品。道仁矶镇白泥湖面积1.2万亩，湖底平坦、水质优良...</p>
                        </div>
                    </div>    
                </div>
                <div style="height: 420px;width: 100%;margin-top: 500px;">
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/张家界.gif" class="card-img-top" alt="..." style="width: 350.5px;">
                        <div class="card-body">
                            <h5>张家界大鲵</h5>
                            <p class="card-text" style="font-size: 14px;">
                                大鲵属国家二级水生野生保护动物。张家界是中国大鲵最主要的原产地，拥有第一个大鲵国家级自然保护区。依托良好生态环境，经过科技攻关，大鲵人工驯养繁殖技术和仿生态繁殖技术先后获得成功。2011年，“张家界大鲵”成为中国第一个水生野生动物地理标志产品。 [3]
张家界是中国大鲵最主要的原产地，从对大鲵的抢救性保护，到人工繁育大鲵，到大鲵系列产品研发，再到乡村扶贫，取得了许多成功的经验。张家界大鲵具有独特而珍贵的价值，能够提高人体免疫功能，增强抗病能力，延缓衰老，集保健、药用、美容、食用价值于一体，被专家誉为“水中人参”、“软黄金”。</p>
                        </div>
                    </div>
                    <div class="card" style="width: 22rem;float: left;margin-right: 18px;">
                        <img src="images/product/江永香柚.gif" class="card-img-top" alt="..." style="width: 351px;height: 294px;">
                        <div class="card-body">
                            <h5>江永香柚</h5>
                            <p class="card-text" style="font-size: 14px;">
                                江永香柚是沙田柚的变种，著名的土特产。它的原籍广西容县沙田村，来江永安家落户已有100多年的历史了。由于它从江永这块宝地中吸吮了丰富的稀土等微量元素，同时在这个独特气候的环境中,在...</p>
                        </div>
                    </div>
                
                    <div class="card" style="width: 22rem;float: left;">
                        <img src="images/product/白泥湖螃蟹.gif" class="card-img-top" alt="..." style="width: 350.5px;height: 295px;">
                        <div class="card-body">
                            <h5>白泥湖螃蟹</h5>
                            <p class="card-text" style="font-size: 14px;">
                                白泥湖大闸餐是湖南省岳阳市云溪区白泥湖的特产。白泥湖大闸蟹蟹肉质细嫩，滋味鲜美，营养丰富。2005年，白泥湖河蟹被评为市级名牌产品。道仁矶镇白泥湖面积1.2万亩，湖底平坦、水质优良...</p>
                        </div>
                    </div>
                </div>
         </div>
    </div>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="../echarts.min.js"></script>
    
</body>
</html>